﻿<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>星雨漫视</title>
		<link rel="stylesheet" type="text/css" href="css/inder.css" />
		<style type="text/css">
             h2{
             	font-family: "微软雅黑";
                 text-align: center;
             	position: relative;
             	top: -20px;
             }
             em{
             		font-family: "微软雅黑";
				font-size: 11pt;
				padding: 3px 8px;
				margin: auto 5px;
				
				background-color: #FF7F50;
				text-align: center;
				border-radius: 6px 6px;
             }
             h4{
             	width: 100px;
             	height: 30px;
               
             }
		</style>

	</head>

	<body>
		<div id="chuangkuo">						
			<div id="zhongzhong" style=" position: relative;top: -10px;">
				<h2 style="position: relative; top: 0px; width: 1150px; height:30px ; background-color: rgba(40,40,40,200); color: ghostwhite;">全部分类</h2>
				<div id="fenlei">
					<div id="biao">
						<h4>选择分类：</h4>
					</div>
					
					<ul>
						<li><a href="#" style="color: #FF7F50;"> 玄幻</a></li>
						<li><a href="#"> 都市</a></li>
						<li><a href="#"> 恐怖</a></li>
						<li><a href="#"> 校园</a></li>
						<li><a href="#"> 悬疑</a></li>
						<li><a href="#"> 科幻</a></li>
						<li><a href="#"> 生活</a></li>
						<li><a href="#" style="color: #FF7F50;"> 热血</a></li>
						<li><a href="#"> 爆笑</a></li>
						<li><a href="#"> 纯爱</a></li>
						<li><a href="#"> 推理</a></li>
						<li><a href="#" style="color: #FF7F50;"> 魔幻</a></li>
						<li><a href="#"> 历史</a></li>
						<li><a href="#">少儿</a></li>
						<li><a href="#"> 动作</a></li>
						<li><a href="#"> 战争</a></li>
						<li><a href="#"> 唯美</a></li>
						<li><a href="#" style="color: #FF7F50;"> 完结</a></li>
						
					</ul>
				</div>
				<div id="fenlei">
					<div id="biao">
						<h4 style="position: relative; top: -50px;">选择年代：</h4>
					</div>
					<ul>
						<li><a href="#"> 2017</a></li>
						<li><a href="#"> 2016</a></li>
						<li><a href="#"> 2015</a></li>
						<li><a href="#"> 2014</a></li>
						<li><a href="#"> 2013</a></li>
						<li><a href="#"> 2012</a></li>
						<li><a href="#"> 2011</a></li>
						<li><a href="#"> 2010</a></li>
						<li><a href="#"> 2009</a></li>
						<li><a href="#"> 2008</a></li>
						<li><a href="#"> 2007</a></li>
						<li><a href="#"> 2006</a></li>
						<li><a href="#"> 2005</a></li>
						<li><a href="#">90年代</a></li>
						<li><a href="#"> 80年代</a></li>
						
						
					</ul>
				</div>
				<div id="fenlei">
					<div id="biao">
						<h4 style="position: relative; top: -50px;">选择地区：</h4>
					</div>
					<ul>
						<li><a href="#"> 大陆</a></li>
						<li><a href="#"> 香港</a></li>
						<li><a href="#"> 欧州</a></li>
						<li><a href="#"> 台湾</a></li>
						<li><a href="#"> 北美</a></li>
						<li><a href="#"> 日本</a></li>
						<li><a href="#"> 印度</a></li>
						
						
					</ul>
				</div>
			</div>
			
		</div>
	</body>

</html>